<template>
	<view class="mt-30 p-30 round-20 bgc-white">
		<view class="text-32 font-weight-600 title">我的学习</view>
		
		<view class="flex-between mt-40 ">
			<view class="flex-col flex-center flex-1" @tap.stop="planClick('plan')">
				<view class="w-55 h-55">
					<uv-image :src="`${imgPath}home/plan.svg`" width="55rpx" height="55rpx" />
				</view>
				<text class="text-28 tip mt-15">学习进度</text>
			</view>
			
			<view class="flex-col flex-center flex-1" @tap.stop="planClick('collect')">
				<view class="w-55 h-55">
					<uv-image :src="`${imgPath}home/favorite.svg`" width="55rpx" height="55rpx" />
				</view>
				<text class="text-28 tip mt-15">收藏夹</text>
			</view>
			
			<view class="flex-col flex-center flex-1" @tap.stop="planClick('remember')">
				<view class="w-55 h-55">
					<uv-image :src="`${imgPath}home/playback.svg`" width="55rpx" height="55rpx" />
				</view>
				<text class="text-28 tip mt-15">抗遗忘</text>
			</view>
			
<!-- 			<view class="flex-col flex-center flex-1" @tap.stop="shopFn">
				<view class="w-55 h-55">
					<uv-image :src="`${imgPath}home/shop.svg`" width="55rpx" height="55rpx" />
				</view>
				<text class="text-24 tip mt-15">网上商城</text>
			</view> -->
			<view class="flex-col flex-center flex-1" @tap.stop="goCourse">
				<view class="w-55 h-55">
					<uv-image :src="`${imgPath}home/danci.png`" width="50rpx" height="50rpx" />
				</view>
				<text class="text-28 tip mt-15">智能练习</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	
	import { imgPath } from '@/common/config.js'
	
	let planClick = path => uni.$fui.href(`/pages/study/${path}`)
	let shopFn = () => uni.$fui.toast('功能开发中~')
	
	function goCourse(){
		uni.$fui.href(`/pages/course/index`, { learnType: 1 })
	}
	
</script>

<style scoped lang="scss">
	.title{color: #4A4A4A}
	.tip{color: #3A3F5E}
</style>